<!DOCTYPE html>
<html lang="en-gb">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home | Home University</title>
<!-- google font -->
<link href="static/css/3aa2fc7b5d124b76b0b247268e6cef4f.css" rel="stylesheet" />
<link rel="stylesheet" href="static/css/bootstrap.min.css" />
<link rel="stylesheet" href="static/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="static/css/themify-icons.css" />
<link rel="stylesheet" href="static/css/besit-icons.css" />
<link rel="stylesheet" href="static/css/swiper.min.css" />
<link rel="stylesheet" href="static/css/magnific-popup.css">
<link rel="stylesheet" href="static/css/animate.min.css" />
<link rel="stylesheet" href="static/css/style.css" />
</head>

<body>
<!-- preloader -->
<div class="preloader">
	<img style="width: 80px;" class="preloader__image"src="static/picture/loader.png" alt="" />
</div>
<!-- /.preloader -->
<div class="page-wrapper">
	<div class="topbar" id="home">

		<!-- /.container -->
	</div>
	<!-- /.topbar -->
	<header class="upper-header">
		<div class="container">
			<div class="logo">
				<a href="index.html">
					<img style="width: 80px;" src="static/picture/logo-dark.png" alt="" />
				</a>
				<span class="side-menu-toggler mobile-nav__toggler"><i class="fa fa-bars"></i></span>
				<!-- /.side-menu-toggler -->
			</div>
			<!-- /.logo -->
			<div class="header-infos">
				<div class="header-info">
					<i class="besit-icon-phone"></i>
					<h3>TG: <a href="https://t.me/hmuni">@HMUni</a></h3>
					<p>7/24</p>
				</div>
				<!-- /.header-info -->
				<div class="header-info">
					<i class="far fa-map-marker-alt"></i>
					<h3>Global</h3>
					<p>The Earth</p>
				</div>
				<!-- /.header-info -->
			</div>
			<!-- /.header-infos -->
		</div>
		<!-- /.container -->
	</header>
	<!-- /.upper-header -->

	<nav class="main-menu stricky">
		<div class="container">
			<ul class="main-menu__list one-page-scroll-menu">
				<li class="scrollToLink"><a href="#home">Home</a></li>
				<li class="scrollToLink"><a href="#about">About</a></li>
				<li class="scrollToLink"><a href="#services">Services</a></li>
			</ul>
			<!-- /.main-menu__list -->

			<a href="https://github.com/HMUniversity" data-target="#contact" class="scroll-to-target thm-btn">GitHub <i
					class="fa fa-arrow-circle-right"></i></a>
			<!-- /.thm-btn -->
		</div>
		<!-- /.container -->
	</nav>
	<!-- /.main-menu -->

	<section class="main-slider">
		<div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
		"effect": "fade",
		"pagination": {
			"el": "#main-slider-pagination",
			"type": "bullets",
			"clickable": true
		},
		"autoplay": {
			"delay": 5000
		}}'>
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="image-layer"
					style="background-image: url(static/images/slider-bg-1-1.jpg);"></div>
					<!-- /.image-layer -->
					<div class="container">
						<div class="main-slider__box">
							<div class="block-title text-left">
								<p><span></span>Lying Flat-ism</p>
								<h3>No More Involution</h3>
							</div>
							<!-- /.block-title -->
							<p>Treat yourself better.</p>
							<!--<a href="#" class="thm-btn">More About Us <i class="fa fa-arrow-circle-right"></i> </a>-->
							<!-- /.thm-btn -->
						</div><!-- /.main-slider__box -->
					</div><!-- /.container -->
				</div><!-- /.swiper-slide -->
				<div class="swiper-slide">
					<div class="image-layer"
						style="background-image: url(static/images/slider-bg-1-1.jpg);"></div>
					<!-- /.image-layer -->
					<div class="container">
						<div class="main-slider__box">
							<div class="block-title text-left">
								<p><span></span>Better Mind</p>
								<h3>You are the <span>Best</span></h3>
							</div>
							<!-- /.block-title -->
							<p>Always remember that you are AMAZING!</p>
							<!--<a href="https://github.com/HMUniversity" class="thm-btn">More About Us <i class="fa fa-arrow-circle-right"></i> </a>-->
							<!-- /.thm-btn -->
						</div><!-- /.main-slider__box -->

					</div><!-- /.container -->
				</div><!-- /.swiper-slide -->
				<div class="swiper-slide">
										<div class="image-layer"
										style="background-image: url(static/images/slider-bg-1-1.jpg);"></div>
					<!-- /.image-layer -->
					<div class="container">
						<div class="main-slider__box">
							<div class="block-title text-left">
								<p><span></span>Enjoy days</p>
								<h3>Good Good Study,<br><span>Day Day Lie Flat</span></h3>
							</div>
							<!-- /.block-title -->
							<p>Enjoy everyday is the best practice of the life.</p>
							<!--<a href="#" class="thm-btn">More About Us <i class="fa fa-arrow-circle-right"></i> </a>-->
							<!-- /.thm-btn -->
						</div><!-- /.main-slider__box -->

					</div><!-- /.container -->
				</div><!-- /.swiper-slide -->
			</div><!-- /.swiper-wrapper -->
			<div class="swiper-pagination" id="main-slider-pagination"></div>
		</div><!-- /.swiper-container thm-swiper__slider -->
	</section><!-- /.main-slider -->

	<section class="about-one" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 wow fadeInLeft" data-wow-duration="1500ms">
					<div class="about-one__images" style="height: 100%">
						<div class="about-one__images-content text-center" style="max-width: 100%; height: 100%">
							<h3>1,000</h3>
							<p>Proud to be ranked a last 1,000 university</p>
						</div><!-- /.about-one__images-content -->
					</div><!-- /.about-one__images -->
				</div><!-- /.col-lg-6 -->
				<div class="col-lg-6">
					<div class="about-one__content">
						<div class="block-title text-left">
							<p><span></span>About HMUniversity</p>
							<h3>Your Partner for <br> <span>Failure</span></h3>
						</div>
						<!-- /.block-title -->
						<p>We work with the failure for years. We are amazing!
						</p>
						<div class="about-one__box">
							<i class="besit-icon-medal"></i>
							<div class="about-one__box-content">
								<h3>Professional Solutions​</h3>
								<p>To help you be better or feel better, we will try our best to assistant you.</p>
							</div>
						</div>
						<div class="about-one__box">
							<i class="besit-icon-clock1"></i>
							<div class="about-one__box-content">
								<h3>No Support</h3>
								<p>Want any help? Come on, we have laid flat!</p>
							</div><!-- /.about-one__box-content -->
						</div><!-- /.about-one__box -->

						<div class="about-one__call">
							<a href="https://github.com/HMUniversity" class="thm-btn">More About Us <i class="fa fa-arrow-circle-right"></i> </a>
							<!-- /.thm-btn -->
							<div class="about-one__call-box">
								<i class="besit-icon-phone"></i>
								<p>Call anytime <br> <a href="https://github.com/HMUniversity">NULL</a></p>
							</div><!-- /.about-one__call-box -->
						</div><!-- /.about-one__call -->
					</div><!-- /.about-one__content -->
				</div><!-- /.col-lg-6 -->
			</div><!-- /.row -->
		</div><!-- /.container -->
	</section><!-- /.about-one -->

	<section class="service-one" id="services">
		<div class="container">
			<div class="block-title text-center">
				<p><span></span>Why Choose Us</p>
				<h3>
					Start Your Failure immediately! <br> <span>Lying Flat-ism.</span>
				</h3>
			</div>
		</div><!-- /.container -->
	</section><!-- /.service-one -->



	<section class="pricing-one">
		<div class="container">
			<div class="block-title text-center">
				<p><span></span>Best Pricing</p>
				<h3>
					Money is Important<br />
					But You <span>Matters</span>
				</h3>
			</div>
			<!-- /.block-title -->
			<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 30, "slidesPerView": 3, "autoplay": { "delay": 5000 }, "breakpoints": {
		"0": {
			"spaceBetween": 0,
			"slidesPerView": 1
		},
		"375": {
			"spaceBetween": 0,
			"slidesPerView": 1
		},
		"576": {
			"spaceBetween": 30,
			"slidesPerView": 2
		},
		"768": {
			"spaceBetween": 30,
			"slidesPerView": 2
		},
		"992": {
			"spaceBetween": 30,
			"slidesPerView": 2
		},
		"1200": {
			"spaceBetween": 30,
			"slidesPerView": 3
		}
	}}'>
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="pricing-one__single">
							<div class="pricing-one__top">
								<h3>£0 <span>/3 Month</span></h3>
							</div>
							<!-- /.pricing-one__top -->
							<div class="pricing-one__name">Bachelor of Lie Flat</div>
							<!-- /.pricing-one__name -->
							<ul class="list-unstyled pricing-one__list">
								<li><i class="fa fa-check"></i> 1 second study.</li>
								<li><i class="fa fa-check"></i> Lie flat is free.</li>
							</ul>
							<!-- /.list-unstyled pricing-one__list -->
							<a href="https://github.com/HMUniversity/About/issues/new/choose" class="thm-btn">Join Now <i class="fa fa-arrow-circle-right"></i></a>
							<!-- /.thm-btn -->
						</div>
						<!-- /.pricing-one__single -->
					</div>
					<!-- /.swiper-slide -->
					<div class="swiper-slide">
						<div class="pricing-one__single popular">
							<div class="pricing-one__top">
								<h3>£0 <span>/3 Month</span></h3>
							</div>
							<!-- /.pricing-one__top -->
							<div class="pricing-one__name">Master of Lie Flat</div>
							<!-- /.pricing-one__name -->
							<ul class="list-unstyled pricing-one__list">
								<li><i class="fa fa-check"></i> 1 second study.</li>
								<li><i class="fa fa-check"></i> Lie flat is free.</li>
							</ul>
							<!-- /.list-unstyled pricing-one__list -->
							<a href="https://github.com/HMUniversity/About/issues/new/choose" class="thm-btn">Join Now <i class="fa fa-arrow-circle-right"></i></a>
							<!-- /.thm-btn -->
						</div>
						<!-- /.pricing-one__single -->
					</div>
					<!-- /.swiper-slide -->
					<div class="swiper-slide">
						<div class="pricing-one__single">
							<div class="pricing-one__top">
								<h3>£0 <span>/3 Month</span></h3>
							</div>
							<!-- /.pricing-one__top -->
							<div class="pricing-one__name">Master of Lie Flat & RBQ</div>
							<!-- /.pricing-one__name -->
							<ul class="list-unstyled pricing-one__list">
								<li><i class="fa fa-check"></i> 1 second lie flat + 1 second RBQ study.</li>
								<li><i class="fa fa-check"></i> Lie flat is free.</li>
							</ul>
							<!-- /.list-unstyled pricing-one__list -->
							<a href="https://github.com/HMUniversity/About/issues/new/choose" class="thm-btn">Join Now <i class="fa fa-arrow-circle-right"></i></a>
							<!-- /.thm-btn -->
						</div>
						<!-- /.pricing-one__single -->
					</div>
					<!-- /.swiper-slide -->
				</div>
				<!-- /.swiper-wrapper -->
			</div>
			<!-- /.thm-swiper__slider -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /.pricing-one -->

	<footer class="main-footer">
		<div class="upper-footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6">
						<div class="footer-widget footer-widget__about">
							<a href="index.html"><img  style="width: 100px;" src="static/picture/logo-light.png" alt="" /></a>
							<p>
								Home University, also known as HM University or 家里蹲大学, is a virtual global comprehensive collegiate university.
								We want to reduce the involution of students and enhance their own abilities. We want the definition of success to
								be less about quantifiable virtual products but more about the students themselves.
							</p>
							<a href="https://github.com/hmuniversity">Read More <i class="far fa-angle-double-right"></i></a>
							<hr />
							<div class="footer-widget__social">
								<a href="https://github.com/hmuniversity" class="fab fa-github"></a>
							</div>
							<!-- /.footer-widget__social -->
						</div>
						<!-- /.footer-widget footer-widget__about -->
					</div>
					<!-- /.col-sm-12 col-md-6 col-lg-4 -->
					<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
						<div class="footer-widget footer-widget__links-widget">
							<h3 class="footer-widget__title">Useful Links</h3>
							<!-- /.footer-widget__title -->
							<ul class="list-unstyled footer-widget__links">
								<li><a href="https://hmu.ac.cn">Home</a></li>
								<li><a href="#services">Service</a></li>
								<li><a href="#">Our Team</a></li>
							</ul>
							<!-- /.list-unstyled footer-widget__links -->
						</div>
						<!-- /.footer-widget -->
					</div>
					<!-- /.col-sm-12 col-md-6 col-lg-2 -->
					<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
						<div class="footer-widget footer-widget__contact">
							<h3 class="footer-widget__title">Contact Us</h3>
							<!-- /.footer-widget__title -->
							<p>Global</p>
							<ul class="footer-widget__contact-list list-unstyled">
								<li>
									<a href="mailto:admin@alumni.hmuniversity.org"><i class="themify-icon-email"></i>
										admin#alumni.hmuniversity.org</a>
								</li>
								<li>
									<a href="https://t.me/hmuni"><i class="themify-icon-headphone-alt"></i>
									@HMUni</a>
								</li>
								<li>
									<a href="https://hmu.ac.cn"><i class="themify-icon-link"></i> hmu.ac.cn</a>
								</li>
							</ul>
							<!-- /.footer-widget__contact-list -->
						</div>
						<!-- /.footer-widget -->
					</div>
					<!-- /.col-sm-12 col-md-6 col-lg-3 -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->
		</div>
		<!-- /.upper-footer -->
		<div class="bottom-footer">
			<div class="container">
				<div class="inner-container">
					<p>Copyright &copy Home University 2025 All Right Reserved</p>
					<ul class="list-unstyled footer-menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#services">Service</a></li>
					</ul>
					<!-- /.footer-menu -->
				</div>
				<!-- /.inner-container -->
			</div>
			<!-- /.container -->
		</div>
		<!-- /.bottom-footer -->
	</footer>
	<!-- /.main-footer -->
</div>
<!-- /.page-wrapper -->

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>

<div class="mobile-nav__wrapper">
	<div class="mobile-nav__overlay mobile-nav__toggler"></div>
	<!-- /.mobile-nav__overlay -->
	<div class="mobile-nav__content">
		<span class="mobile-nav__close mobile-nav__toggler"><i class="far fa-times"></i></span>
		<div class="logo-box">
			<a href="index.html"><img  style="width: 100px;"  src="static/picture/logo-light.png" alt="" /></a>
		</div>
		<!-- /.logo-box -->
		<div class="mobile-nav__container"></div>
		<!-- /.mobile-nav__container -->
	</div>
	<!-- /.mobile-nav__content -->
</div>
<!-- /.mobile-nav__wrapper -->


<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/circle-progress.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.easing.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/theme.js"></script>

</body>
</html>
